﻿<BSCard CardType="CardType.Columns">
    <BSCard>
        <BSCard CardType="CardType.Image" VerticalAlignment="VerticalAlignment.Top" src="...256x180" alt="Card image cap" />
        <BSCard CardType="CardType.Body">
            <BSCard CardType="CardType.Title">Card title</BSCard>
            <BSCard CardType="CardType.Subtitle">Card subtitle</BSCard>
            <BSCard CardType="CardType.Text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</BSCard>
            <BSButton Color="Color.Secondary">Button</BSButton>
        </BSCard>
    </BSCard>
    <BSCard>
        <BSCard CardType="CardType.Image" VerticalAlignment="VerticalAlignment.Top" src="...256x180" alt="Card image cap" />
    </BSCard>
    <BSCard>
        <BSCard CardType="CardType.Body">
            <BSCard CardType="CardType.Title">Card title</BSCard>
            <BSCard CardType="CardType.Subtitle">Card subtitle</BSCard>
            <BSCard CardType="CardType.Text">This card has supporting text below as a natural lead-in to additional content.</BSCard>
            <BSButton Color="Color.Secondary">Button</BSButton>
        </BSCard>
    </BSCard>
    <BSCard IsInverse="true">
        <BSCard CardType="CardType.Body">
            <BSCard CardType="CardType.Title">Special Title Treatment</BSCard>
            <BSCard CardType="CardType.Text">With supporting text below as a natural lead-in to additional content.</BSCard>
            <BSButton Color="Color.Secondary">Button</BSButton>
        </BSCard>
    </BSCard>
    <BSCard>
        <BSCard CardType="CardType.Image" VerticalAlignment="VerticalAlignment.Top" src="...256x180" alt="Card image cap" />
        <BSCard CardType="CardType.Body">
            <BSCard CardType="CardType.Title">Card title</BSCard>
            <BSCard CardType="CardType.Subtitle">Card subtitle</BSCard>
            <BSCard CardType="CardType.Text">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</BSCard>
            <BSButton Color="Color.Secondary">Button</BSButton>
        </BSCard>
    </BSCard>
    <BSCard Color="Color.Primary">
        <BSCard CardType="CardType.Body">
            <BSCard CardType="CardType.Title">Special Title Treatment</BSCard>
            <BSCard CardType="CardType.Text">With supporting text below as a natural lead-in to additional content.</BSCard>
        </BSCard>
    </BSCard>
</BSCard>